<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="../css/share/swiper.3.1.2.min.css" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/share/circleCommon.css" />
		<link rel="stylesheet" href="../css/home.css" />
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/vue-resource.min.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
	</head>

	<body id="home" v-cloak>
		<header class="mui-bar mui-bar-nav" id="header">
			<a class="mui-icon mui-icon-location header-left" v-on:click="opencity()" id="location">北京市</a>
			<a class="mui-icon mui-icon-chatbubble mui-pull-right header-right" v-on:click="openMessage()"></a><i id="info"></i>
			<h1 id="title" class="mui-title">首页</h1>
		</header>
		<div class="mui-content">
			<!--
            	作者：619667149@qq.com
            	时间：2016-03-29
            	描述：轮播图
          -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide" v-for="imgsrc in sliderPic">
						<img src="../image/placeholder.png" data-echo={{imgsrc}} onload="proloadImg(this)" />
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<ul class="ad-text clearfix">
				<img class="ad-bg" src="../image/ggtt.png">
				<li class="ad-con">
					<div class="scontainer">
						<div class="outwrapper">
							<div class="inslide" v-for="textlist in toptextlist">
								<span class="ad-circle">{{textlist.title}}</span>{{textlist.text}}
							</div>
							<div class="inslide">
								<span class="ad-circle">{{toptextlist[0].title}}</span>{{toptextlist[0].text}}
							</div>
						</div>
					</div>
				</li>
			</ul>
			<!--
            	作者：619667149@qq.com
            	时间：2016-05-16
            	描述：附近商场
            -->
			<div class="div-containder">
				<div class="title market">
					附近商场
				</div>
				<ul class="market-con">
					<li v-for="market in markets" v-on:click="openMarket(market.marketId)">
						<div class="market-logo" v-bind:style="{width:marketPicSize.picW,height:marketPicSize.picH}">
							<img src="../image/placeholder.png" data-echo={{market.logoImage+"@"+marketPicSize.picW+"W"}} onload="proloadImg(this)" />
							<div class="market-location"><span class="texthidden">{{market.marketName}} {{market.distance +"Km"}}</span></div>
						</div>
						<div class="market-action texthidden">{{market.activity.activityName}}</div>
					</li>
				</ul>
			</div>
			<img class="ad-banner" src={{picAd}} data-echo={{picAd}} onload="proloadImg(this)" />
			<!--
            	作者：619667149@qq.com
            	时间：2016-03-31
            	描述：我个人圈子模块
           -->
			<div class="div-containder" id="mycircle">
				<div class="title mycircle">
					我的圈子
				</div>
				<ul class="mycirclelist">
					<li class="clearfix" v-for="circle in myCircles" v-on:click="openCircle(circle.userId,circle.circleName,circle.groupId,circle.circleId)">
						<div class="pull_left mycircle-img">
							<img data-echo={{circle.shopLogo+"@78W"}} src="../image/placeholder1.png" onload="proloadImg(this)" onerror='this.src="../image/small.png"' />
						</div>
						<div class="mycircle-content">
							<div class="mycircle-name texthidden">{{circle.marketName}}-{{circle.shopName}}</div>
							<div class="mycircle-action">
								{{circle.floor}} <span class="action action1" v-show="circle.discountFlag">惠</span>
								<span class="action action2" v-show="circle.promotionFlag">促</span>
								<a class="mui-icon mui-icon-info-filled" v-on:click="openGuanzhu(circle.userId,circle.huanIMGroupId)"></a>
							</div>
							<div class="mycircle-fans">粉丝数:{{circle.fansCount}}</div>
						</div>
					</li>
				</ul>
				<img v-show="imghide" src="../image/ydt.png" style="width:100%;margin-bottom:-8px;">
			</div>

			<!--
            	作者：619667149@qq.com
            	时间：2016-03-29
            	描述：未关注圈子信息
            -->
			<div class="div-containder mui-scroll">
				<div class="title recommend">
					圈子推荐
				</div>
				<div>
					<ul class="mycirclelist">
						<li class="clearfix" v-for="circle in Circles" v-on:click="openGuanzhu(circle.userId,circle.huanIMGroupId)">
							<div class="pull_left mycircle-img">
								<img data-echo={{circle.shopLogo+"@78W"}} src="../image/placeholder1.png" onload="proloadImg(this)" onerror='this.src="../image/small.png"' />
							</div>
							<div class="mycircle-content">
								<div class="mycircle-name texthidden">{{circle.marketName}}-{{circle.shopName}}</div>
								<div class="mycircle-action">
									{{circle.floor}} <span class="action action1" v-show="circle.discountFlag">惠</span>
									<span class="action action2" v-show="circle.promotionFlag">促</span>
								</div>
								<div class="mycircle-fans">粉丝数:{{circle.fansCount}}</div>
							</div>
						</li>
					</ul>
				</div>
				<div id="bg">
					<img src="../image/nocircle.png">
				</div>
			</div>
		</div>
		<img src="../image/backtop.png" id="to_top" onclick="document.body.scrollTop=0">
	</body>
	<script type="text/javascript" src="../js/echo.min.js"></script>
	<script src="../script/chat/RongIMLib.js"></script>
	<script src="../js/swiper.3.1.2.min.js"></script>
	<script type="text/javascript" src="../js/localData.js"></script>
	<script src="../script/chat/chatConmen.js"></script>
	<script type="text/javascript" src="../js/md5.js"></script>
	<script type="text/javascript" src="../js/request.js"></script>
	<script src="../js/mui.pullToRefresh.js"></script>
	<script src="../js/mui.pullToRefresh.material.js"></script>
	<script type="text/javascript" src="../script/home.js"></script>

</html>